﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="StyleSheet1.css" rel="stylesheet" />
    <link href="BootstrapSouce/css/bootstrap.min.css" rel="stylesheet" />
    <script src="BootstrapSouce/js/jquery.min.js"></script>
    <script src="BootstrapSouce/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="header-div1 ">
        <a href="#"> <img src="img/img/2016-11-27_092701.png" class="header-div1-img1" /></a>
        <a href="#"><img src="img/img/2016-11-27_092720.png" class="header-div1-img2" /> </a>
        <a href="#"> <img src="img/img/2016-11-26_155210.png" class="header-div1-img3" /></a>
        <a href="#"> <img src="img/img/2016-11-26_155309.png" class="header-div1-img4" /> </a>
        <a><img src="img/img/2016-11-26_155336.png" class="header-div1-img5" /> </a>
        <a href="#"><img src="img/img/2016-11-26_155436.png" class="header-div1-img6" /> </a>


    </div>

    <!--导航
    <div class="header-div2 text-center" >
        <!--<nav class="navbar navbar-default " role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">

                </div>
                <div>
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">酒店</a></li>
                        <li><a href="#">机票</a></li>
                        <li><a href="#">度假</a></li>
                        <li><a href="#">签证</a></li>
                        <li><a href="#">火车票</a></li>
                    </ul>
                </div>
            </div>
        </nav>-->
        <button class="button">首页</button>
        <button class="button">酒店</button>
        <button class="button">机票</button>
        <button class="button">度假</button>
        <button class="button">签证</button>
        <button class="button">火车票</button>&nbsp;

        <button class="button"><a href="##" class="reg">注册</a><a href="#" class="login">登陆</a></button>

    </div>

    <div class="header-div3 center-block">
        <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="img/img/silder_img101.jpg" alt="First slide" />
                    <div class="  carousel-caption ">Holle Word</div>
                </div>
                <div class="item">
                    <img src="img/img/silder_img102.jpg" alt="Second slide" />
                    <div class="carousel-caption">标题 2</div>
                </div>
                <div class="item">
                    <img src="img/img/silder_img103.jpg" alt="Third slide" />
                    <div class="carousel-caption center-block" style="width:200px;">标题 3</div>
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="carousel-control left" href="#myCarousel"
               data-slide="prev">
                &lsaquo;
            </a>
            <a class="carousel-control right" href="#myCarousel"
               data-slide="next">
                &rsaquo;
            </a>
        </div>
        <!--<iframe src="HtmlPage2.html" class="header-div3" scrolling="no" frameborder:0px;></iframe>-->
    </div>





    <hr />
    <div class="text-center" id="header-div4">

        <ul id="myTab" class="nav nav-tabs">
            <li class="active"><a href="#home" data-toggle="tab"> 酒店</a> </li>
            <li><a href="#jipiao" data-toggle="tab">机票</a></li>
            <li><a href="#dujia" data-toggle="tab">度假</a></li>
        </ul>


        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="home">
                <table class="text-center">
                    <tr>
                        <td>
                            <div>
                                <div style="float:left"><img src="img/img/20160119031109438_300_225.jpg" /></div>
                                <div style="float:left" class="div-p1">
                                    <p>北京嘉里大酒店</p>
                                    <p><img src="img/img/2016-11-27_151702.png" />4.8分</p>
                                    <p><img src="img/img/2016-11-27_152311.png" />光华路1号</p>
                                    <p>
                                        <img src="img/img/2016-11-27_154417.png" />
                                        <img src="img/img/2016-11-27_154442.png" />
                                        <img src="img/img/2016-11-27_154510.png" />
                                        <img src="img/img/2016-11-27_154615.png" />
                                        <img src="img/img/2016-11-27_154645.png" />
                                        <img src="img/img/2016-11-27_154615.png" />
                                    </p>
                                  
                                    <p>
                                        <span style="padding-left:2em; font-size:small;">五星级</span>
                                        <span style="font-size:x-large; color:#ff6a00;">1000</span>元
                                    </p>
                                   
                                </div>
                            </div>
                        </td>
                        <td>
                            <div>
    <div style="float:left"><img src="img/img/20160119031109438_300_225.jpg" /></div>
    <div style="float:left" class="div-p1">
        <p>北京嘉里大酒店</p>
        <p><img src="img/img/2016-11-27_151702.png" />4.8分</p>
        <p><img src="img/img/2016-11-27_152311.png" />光华路1号</p>
        <p>
            <img src="img/img/2016-11-27_154417.png" />
            <img src="img/img/2016-11-27_154442.png" />
            <img src="img/img/2016-11-27_154510.png" />
            <img src="img/img/2016-11-27_154615.png" />
            <img src="img/img/2016-11-27_154645.png" />
            <img src="img/img/2016-11-27_154615.png" />
        </p>
        <p>
            <span style="padding-left:2em; font-size:small; font-weight:100">五星级</span>
            <span style="font-size:x-large; color:#ff6a00;">1000</span>元
        </p>
    </div>
</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div>
                                <div style="float:left"><img src="img/img/20160119031109438_300_225.jpg" /></div>
                                <div style="float:left" class="div-p1">
                                    <p>北京嘉里大酒店</p>
                                    <p><img src="img/img/2016-11-27_151702.png" />4.8分</p>
                                    <p><img src="img/img/2016-11-27_152311.png" />光华路1号</p>
                                    <p>
                                        <img src="img/img/2016-11-27_154417.png" />
                                        <img src="img/img/2016-11-27_154442.png" />
                                        <img src="img/img/2016-11-27_154510.png" />
                                        <img src="img/img/2016-11-27_154615.png" />
                                        <img src="img/img/2016-11-27_154645.png" />
                                        <img src="img/img/2016-11-27_154615.png" />
                                    </p>
                                    <p>
                                        <span style="padding-left:2em; font-size:small; font-weight:100">五星级</span>
                                        <span style="font-size:x-large; color:#ff6a00;">1000</span>元
                                    </p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div>
                                <div style="float:left"><img src="img/img/20160119031109438_300_225.jpg" /></div>
                                <div style="float:left" class="div-p1">
                                    <p>北京嘉里大酒店</p>
                                    <p><img src="img/img/2016-11-27_151702.png" />4.8分</p>
                                    <p><img src="img/img/2016-11-27_152311.png" />光华路1号</p>
                                    <p>
                                        <img src="img/img/2016-11-27_154417.png" />
                                        <img src="img/img/2016-11-27_154442.png" />
                                        <img src="img/img/2016-11-27_154510.png" />
                                        <img src="img/img/2016-11-27_154615.png" />
                                        <img src="img/img/2016-11-27_154645.png" />
                                        <img src="img/img/2016-11-27_154615.png" />
                                    </p>
                                    <p>
                                        <span style="padding-left:2em; font-size:small; font-weight:100">五星级</span>   
                                        <span style="font-size:x-large; color:#ff6a00;">1000</span>元
                                    </p>
                                </div>
                            </div>
                        </td>
                    </tr>                   
                </table> 
                </div>   
            <div class="tab-pane fade" id="jipiao">
                <p>
                    机票
                </p>
            </div>
            <div class="tab-pane fade" id="dujia">
                度假
            </div>
         
    </div>
        </div>

    <hr />
    <div class="header-div5">
        <div class="div-dl">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">预定帮助</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">用户协议</a></dd>
                <dd><a href="#">出行常识</a></dd>
            </dl>
        </div>
        <div class="div-dl">
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">退款说明</a></dd>
                <dd><a href="#">取消订单</a></dd>
                <dd><a href="#">在线支付</a></dd>
            </dl>
        </div>
        <div class="div-dl">
            <dl>
                <dt>关于我们</dt>
                <dd><a href="#">关于你定网</a></dd>
                <dd><a href="#">创始人介绍</a></dd>
                <dd><a href="#">荣耀资质</a></dd>
                <dd><a href="#">公司介绍</a></dd>
            </dl>
        </div>
        <div class="div-dl">
            <dl><dt>手机快速扫描下载</dt><dd><img src="img/img/2016-11-27_111418.png" /></dd></dl>
        </div>
        <div class="div-dl">
            <dl><dt>你定官方微信</dt><dd><img src="img/img/2016-11-27_111530.png" /></dd></dl>
        </div>
        <div class="div-dl">
            <dl><dt>你定官方微博</dt><dd><img src="img/img/2016-11-27_111418.png" /></dd></dl>
        </div>
        <div class="div-d2">
            <dl><dt>联系我们</dt><dd><img src="img/img/2016-11-27_111619.png" /></dd></dl>
        </div>

        <div class="div-d3">
            <dl><dt>京ICP备11023779号</dt><dd><a href="#"><img src="img/img/2016-11-27_113039.png" /></a></dd></dl>
        </div>-->



    </div>
</body>
</html>
